ferns-ui 0.2.4 → 0.4.1

package/checkDeps.js

@@ -0,0 +1,19 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const pkg = require("./package.json");
+if (require.main === module) {
+  let errors = 0;
+  for (const peerDep of Object.keys(pkg.peerDependencies)) {
+    if (pkg.devDependencies[peerDep] !== pkg.peerDependencies[peerDep]) {
+      console.error(
+        `Peer Dependency ${peerDep} is ${pkg.peerDependencies[peerDep]} not equal to ` +
+          `Dev Dependency ${pkg.devDependencies[peerDep]}`
+      );
+      errors += 1;
+    }
+  }
+  if (errors > 0) {
+    process.exit(1);
+  }
+} else {
+  console.error("Must be run as a module");
+}

package/dist/Avatar.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface AvatarProps {
+    /**
+     * The name of the user. This is used for the placeholder treatment if an image is not available.
+     */
+    name: string;
+    /**
+     * Override the generated initials from `name`.
+     */
+    initials?: string;
+    /**
+     * Adds a white border around Avatar so it's visible when displayed on other images.
+     */
+    outline?: boolean;
+    /**
+     * xs: 24px, sm: 32px, md: 48px, lg: 64px, xl: 120px.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * The URL of the user's image.
+     */
+    src?: string;
+}
+export declare const Avatar: (props: AvatarProps) => React.ReactElement;
+export {};

package/dist/Avatar.js

@@ -0,0 +1,48 @@
+import React, { useState } from "react";
+import { Image, Text, View } from "react-native";
+import { Box } from "./Box";
+import { Unifier } from "./Unifier";
+const sizes = {
+    xs: 24,
+    sm: 32,
+    md: 48,
+    lg: 64,
+    xl: 120,
+};
+export const Avatar = (props) => {
+    const [isImageLoaded, setIsImageLoaded] = useState(true);
+    const { name, initials, outline, size = "md", src } = props;
+    const width = sizes[size];
+    const height = sizes[size];
+    const radius = sizes[size] / 2;
+    const fontSize = sizes[size] / 2;
+    const computedInitials = initials !== null && initials !== void 0 ? initials : name.match(/(^\S\S?|\s\S)?/g)
+        .map((v) => v.trim())
+        .join("")
+        .match(/(^\S|\S$)?/g)
+        .join("")
+        .toLocaleUpperCase();
+    const handleImageError = () => setIsImageLoaded(false);
+    return (React.createElement(Box, { border: outline ? "white" : undefined, height: height, overflow: "hidden", position: "relative", rounding: "circle", width: width }, src && isImageLoaded ? (
+    // TODO: Make our Image component rounding work so that we can use it for Avatar. Currently it creates an
+    //  unrounded box around the Image.
+    React.createElement(Image, { resizeMode: "contain", source: { uri: src, cache: "force-cache" }, style: {
+            borderRadius: radius,
+            height,
+            width,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            overflow: "hidden",
+        }, onError: handleImageError })) : (React.createElement(View, { style: {
+            height,
+            width,
+            borderRadius: radius,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: Unifier.theme.gray,
+        } },
+        React.createElement(Text, { style: { fontSize, color: Unifier.theme.darkGray } }, computedInitials)))));
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,GAAG;CACR,CAAC;AAyBF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAsB,EAAE;IAC/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAC,GAAG,KAAK,CAAC;IAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,gBAAgB,GACpB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACP,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAS;SACnC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SAC5B,IAAI,CAAC,EAAE,CAAC;SACR,KAAK,CAAC,aAAa,CAAC;SACpB,IAAI,CAAC,EAAE,CAAC;SACR,iBAAiB,EAAE,CAAC;IAEzB,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,oBAAC,GAAG,IACF,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACrC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,KAAK,IAEX,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC;IACtB,yGAAyG;IACzG,mCAAmC;IACnC,oBAAC,KAAK,IACJ,UAAU,EAAC,SAAS,EACpB,MAAM,EAAE,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAC,EACxC,KAAK,EAAE;YACL,YAAY,EAAE,MAAM;YACpB,MAAM;YACN,KAAK;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,QAAQ;SACnB,EACD,OAAO,EAAE,gBAAgB,GACzB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM;YACN,KAAK;YACL,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;SACpC;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAC,IAAG,gBAAgB,CAAQ,CAC5E,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Common.d.ts

@@ -437,7 +437,7 @@ export interface SpinnerProps {
     color?: Color;
 }
 export interface MaskProps {
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     shape?: "circle" | "rounded" | "square";
     height?: number | string;
     width?: number | string;

package/dist/Form.d.ts

@@ -4,7 +4,7 @@ interface FormLineProps {
     value: any;
     onSave: (value: any) => void;
     kind: "boolean" | "string" | "textarea" | "select" | "multiboolean";
-    options?: (string | undefined)[];
+    options?: string[];
 }
 interface FormLineState {
     editing: boolean;

package/dist/Hyperlink.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @providesModule Hyperlink
+ *
+ * Forked from https://github.com/obipawan/react-native-hyperlink
+ *
+ *
+ * MIT License
+ *
+ * Copyright (c) 2019 Pawan
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import React from "react";
+import { StyleProp } from "react-native";
+interface Props {
+    linkDefault?: boolean;
+    linkify?: any;
+    linkStyle?: StyleProp<any>;
+    linkText?: string | ((url: string) => string);
+    onPress?: (url: string) => void;
+    onLongPress?: (url: string, text: string) => void;
+    injectViewProps?: (url: string) => any;
+    children?: React.ReactNode;
+    style?: StyleProp<any>;
+}
+export declare function Hyperlink(props: Props): JSX.Element;
+export {};

package/dist/Hyperlink.js

@@ -0,0 +1,135 @@
+/**
+ * @providesModule Hyperlink
+ *
+ * Forked from https://github.com/obipawan/react-native-hyperlink
+ *
+ *
+ * MIT License
+ *
+ * Copyright (c) 2019 Pawan
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+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 mdurl from "mdurl";
+import React from "react";
+import { Linking, Platform, Text, View } from "react-native";
+const linkifyLib = require("linkify-it")();
+const { OS } = Platform;
+// Leaving this as a class component because it was easier to handle the `pasrse(this)` in `render()`
+class HyperlinkComponent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.isTextNested = (component) => {
+            if (!React.isValidElement(component))
+                throw new Error("Invalid component");
+            const { type: { displayName } = {} } = component;
+            if (displayName !== "Text")
+                throw new Error("Not a Text component");
+            return typeof component.props.children !== "string";
+        };
+        this.linkify = (component) => {
+            const linkifyIt = this.props.linkify || linkifyLib;
+            if (!linkifyIt.pretest(component.props.children) || !linkifyIt.test(component.props.children))
+                return component;
+            const elements = [];
+            let _lastIndex = 0;
+            const componentProps = Object.assign(Object.assign({}, component.props), { ref: undefined, key: undefined });
+            try {
+                linkifyIt.match(component.props.children).forEach(({ index, lastIndex, text, url }) => {
+                    const nonLinkedText = component.props.children.substring(_lastIndex, index);
+                    nonLinkedText && elements.push(nonLinkedText);
+                    _lastIndex = lastIndex;
+                    if (this.props.linkText)
+                        text =
+                            typeof this.props.linkText === "function"
+                                ? this.props.linkText(url)
+                                : this.props.linkText;
+                    const clickHandlerProps = {};
+                    if (OS !== "web") {
+                        if (this.props.onLongPress) {
+                            clickHandlerProps.onLongPress = () => this.props.onLongPress(url, text);
+                        }
+                    }
+                    if (this.props.onPress) {
+                        clickHandlerProps.onPress = () => this.props.onPress(url, text);
+                    }
+                    let injected = {};
+                    if (this.props.injectViewProps) {
+                        injected = this.props.injectViewProps(url);
+                    }
+                    elements.push(React.createElement(Text, Object.assign({}, componentProps, clickHandlerProps, { key: url + index, style: [component.props.style, this.props.linkStyle] }, injected), text));
+                });
+                elements.push(component.props.children.substring(_lastIndex, component.props.children.length));
+                return React.cloneElement(component, componentProps, elements);
+            }
+            catch (err) {
+                return component;
+            }
+        };
+        this.parse = (component) => {
+            const { props: { children } = {} } = component || {};
+            if (!children)
+                return component;
+            const componentProps = Object.assign(Object.assign({}, component.props), { ref: undefined, key: undefined });
+            const linkifyIt = this.props.linkify || linkifyLib;
+            return React.cloneElement(component, componentProps, React.Children.map(children, (child) => {
+                const { type: { displayName } = {} } = child || {};
+                if (typeof child === "string" && linkifyIt.pretest(child))
+                    return this.linkify(React.createElement(Text, Object.assign({}, componentProps, { style: component.props.style }), child));
+                if (displayName === "Text" && !this.isTextNested(child))
+                    return this.linkify(child);
+                return this.parse(child);
+            }));
+        };
+    }
+    render() {
+        const viewProps = __rest(this.props, []);
+        delete viewProps.onPress;
+        delete viewProps.linkDefault;
+        delete viewProps.onLongPress;
+        delete viewProps.linkStyle;
+        return (React.createElement(View, Object.assign({}, viewProps, { style: this.props.style }), !this.props.onPress && !this.props.onLongPress && !this.props.linkStyle
+            ? this.props.children
+            : this.parse(this).props.children));
+    }
+}
+export function Hyperlink(props) {
+    const handleLink = (url) => {
+        const urlObject = mdurl.parse(url);
+        urlObject.protocol = urlObject.protocol.toLowerCase();
+        const normalizedURL = mdurl.format(urlObject);
+        Linking.canOpenURL(normalizedURL).then((supported) => supported && Linking.openURL(normalizedURL));
+    };
+    const onPress = handleLink || props.onPress;
+    if (props.linkDefault)
+        return React.createElement(HyperlinkComponent, Object.assign({}, props, { onPress: onPress }));
+    return React.createElement(HyperlinkComponent, Object.assign({}, props));
+}
+//# sourceMappingURL=Hyperlink.js.map

package/dist/Hyperlink.js.map

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

package/dist/Mask.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
 import { MaskProps } from "./Common";
-export declare class Mask extends React.Component<MaskProps, {}> {
-    render(): React.ReactNode;
-}
+export declare function Mask(props: MaskProps): React.ReactElement | null;

package/dist/Mask.js

@@ -1,22 +1,19 @@
 import React from "react";
-export class Mask extends React.Component {
-    render() {
-        // if (this.props.shape === "rounded") {
-        //   return <Box style={{overflow: "hidden", borderRadius: 12}}>{this.props.children}</Box>;
-        // } else if (this.props.shape === "circle") {
-        //   return <Box style={{overflow: "hidden", borderRadius: 1000}}>{this.props.children}</Box>;
-        // }
-        // if (this.props.rounding) {
-        //   let rounding = this.props.rounding === "circle" ? 100 : this.props.rounding;
-        //   // Subtract 1 from rounding because of some very odd rendering.
-        //   return (
-        //     // <View style={{borderRadius: (rounding - 1) * 4, overflow: "visible"}}>
-        //       <View>{this.props.children}</View>
-        //     // </View>
-        //   );
-        // } else {
-        return this.props.children;
-        // }
+import { View } from "react-native";
+export function Mask(props) {
+    if (props.shape === "rounded") {
+        return React.createElement(View, { style: { overflow: "hidden", borderRadius: 12 } }, props.children);
+    }
+    else if (props.shape === "circle") {
+        return React.createElement(View, { style: { overflow: "hidden", borderRadius: 1000 } }, props.children);
+    }
+    if (props.rounding) {
+        const rounding = props.rounding === "circle" ? 100 : props.rounding;
+        // Subtract 1 from rounding because of some very odd rendering.
+        return (React.createElement(View, { style: { borderRadius: (rounding - 1) * 4, overflow: "visible" } }, props.children));
+    }
+    else {
+        return props.children || null;
     }
 }
 //# sourceMappingURL=Mask.js.map

package/dist/Mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../src/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAwB;IACtD,MAAM;QACJ,wCAAwC;QACxC,4FAA4F;QAC5F,8CAA8C;QAC9C,8FAA8F;QAC9F,IAAI;QACJ,6BAA6B;QAC7B,iFAAiF;QACjF,oEAAoE;QACpE,aAAa;QACb,gFAAgF;QAChF,2CAA2C;QAC3C,iBAAiB;QACjB,OAAO;QACP,WAAW;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3B,IAAI;IACN,CAAC;CACF"}
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../src/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAIlC,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;QAC7B,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAC;KACrF;SAAM,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;QACnC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAC;KACvF;IACD,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;QACpE,+DAA+D;QAC/D,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,YAAY,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAC9F,CAAC;KACH;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;KAC/B;AACH,CAAC"}

package/dist/SelectList.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FieldWithLabelsProps } from "./Common";
 export declare type SelectListOptions = {
     label: string;
-    value: string | number | undefined;
+    value: string | number;
 }[];
 export interface SelectListProps extends FieldWithLabelsProps {
     id?: string;

package/dist/SelectList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAclC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA8B;IAApE;;QACE,UAAK,GAAG,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;IA4B3B,CAAC;IA1BC,MAAM;QACJ,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,WAAW,EAAE,EAAE,EACf,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,EAAE;oBACb,KAAK,EAAE,MAAM;oBACb,oDAAoD;oBACpD,iBAAiB,EAAE,CAAC;oBACpB,eAAe,EAAE,CAAC;oBAClB,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;oBAC/B,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;oBACf,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;iBACrC;aACF,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAClC,CACH,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAelC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA8B;IAApE;;QACE,UAAK,GAAG,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;IA4B3B,CAAC;IA1BC,MAAM;QACJ,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,WAAW,EAAE,EAAE,EACf,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,EAAE;oBACb,KAAK,EAAE,MAAM;oBACb,oDAAoD;oBACpD,iBAAiB,EAAE,CAAC;oBACpB,eAAe,EAAE,CAAC;oBAClB,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;oBAC/B,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;oBACf,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;iBACrC;aACF,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAClC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/Text.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Text as NativeText } from "react-native";
-import Hyperlink from "react-native-hyperlink";
+import { Hyperlink } from "./Hyperlink";
 import { Unifier } from "./Unifier";
 export class Text extends React.Component {
     constructor() {
@@ -74,11 +74,7 @@ export class Text extends React.Component {
             return inner;
         }
         else {
-            return (
-            // <Hyperlink linkDefault={true} linkStyle={{textDecorationLine: "underline"}}>
-            //   {inner}
-            // </Hyperlink>
-            React.createElement(Hyperlink, { linkDefault: true }, inner));
+            return (React.createElement(Hyperlink, { linkDefault: true, linkStyle: { textDecorationLine: "underline" } }, inner));
         }
     }
 }

package/dist/Text.js.map

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

package/dist/Unifier.js

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-empty-function */
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import { Clipboard, Dimensions, Keyboard, Linking, Vibration } from "react-native";
+import { Clipboard, Dimensions, Keyboard, Linking, Platform, Vibration } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import { requestPermissions } from "./Permissions";
 const DEFAULT_FONT = "Cochin";
@@ -121,7 +121,9 @@ class UnifierClass {
                     enableVibrateFallback: true,
                     ignoreAndroidSystemSettings: false,
                 };
-                ReactNativeHapticFeedback.trigger("impactLight", options);
+                if (Platform.OS !== "web") {
+                    ReactNativeHapticFeedback.trigger("impactLight", options);
+                }
             },
             openUrl: async (url) => {
                 return Linking.openURL(url);

package/dist/Unifier.js.map

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

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Common";
+export * from "./Avatar";
 export * from "./Banner";
 export * from "./BlurBox";
 export * from "./Body";

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from "./Common";
+export * from "./Avatar";
 export * from "./Banner";
 export * from "./BlurBox";
 export * from "./Body";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,4BAA4B;AAC5B,4BAA4B;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,2BAA2B;AAE3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,2BAA2B;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,4BAA4B;AAC5B,4BAA4B;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,2BAA2B;AAE3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,2BAA2B;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "ferns-ui",
-  "version": "0.2.4",
+  "version": "0.4.1",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {
-    "local": "tsc-watch --onSuccess \"cp -a dist/* ../totum/node_modules/react-unifier/dist\"",
+    "local": "tsc-watch --onSuccess \"cp -a dist/* ../flourish/node_modules/ferns-ui/dist\"",
     "lint": "eslint \"src/**/*.ts*\"",
     "lintfix": "eslint --fix \"src/**/*.ts*\"",
     "build": "tsc",
-    "dev": "tsc -w"
+    "dev": "tsc -w",
+    "deps": "node checkDeps.js"
   },
   "babel": {
     "presets": [
@@ -119,28 +120,30 @@
     "tsc-watch": "^5.0.3"
   },
   "devDependencies": {
-    "@expo/vector-icons": "^13.0.0",
-    "@react-native-async-storage/async-storage": "^1.17.4",
+    "@expo/vector-icons": "^12.0.0",
+    "@react-native-async-storage/async-storage": "^1.15.0",
     "@react-native-community/blur": "^3.6.0",
-    "@react-native-community/datetimepicker": "^6.1.3",
+    "@react-native-community/datetimepicker": "^5.1.0",
     "@react-native-picker/picker": "^2.2.1",
     "@sentry/browser": "^6.19.7",
     "@sentry/react": "^6.19.7",
     "@sentry/react-native": "^3.4.2",
     "@types/lodash": "^4.14.182",
+    "@types/mdurl": "^1.0.2",
     "@types/react-native": "^0.67.7",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
     "eslint": "^8.15.0",
-    "eslint-config-ferns": "^0.3.1",
+    "eslint-config-ferns": "^0.3.2",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-lodash": "^7.1.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-react-native": "^4.0.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "expo-font": "^10.1.0",
+    "expo-font": "^10.0.5",
     "lodash": "^4.17.21",
     "mixpanel-browser": "^2.38.0",
     "moment-timezone": "^0.5.34",
@@ -151,9 +154,8 @@
     "react-dev-utils": "^11.0.4",
     "react-dom": "17.0.2",
     "react-native": "^0.64.3",
-    "react-native-gesture-handler": "^1.6.1",
+    "react-native-gesture-handler": "^2.1.0",
     "react-native-haptic-feedback": "^1.10.0",
-    "react-native-hyperlink": "^0.0.19",
     "react-native-modalize": "^2.0.12",
     "react-native-navigation": "^6.12.0",
     "react-native-permissions": "^3.1.0",
@@ -166,13 +168,13 @@
   },
   "peerDependencies": {
     "@expo/vector-icons": "^12.0.0",
-    "@react-native-async-storage/async-storage": "^1.17.3",
+    "@react-native-async-storage/async-storage": "^1.15.0",
     "@react-native-community/blur": "^3.6.0",
-    "@react-native-community/datetimepicker": "^4.0.0",
+    "@react-native-community/datetimepicker": "^5.1.0",
     "@react-native-picker/picker": "^2.2.1",
-    "@sentry/browser": "^5.17.0",
-    "@sentry/react": "^5.20.1",
-    "@sentry/react-native": "^1.7.1",
+    "@sentry/browser": "^6.19.7",
+    "@sentry/react": "^6.19.7",
+    "@sentry/react-native": "^3.4.2",
     "expo-font": "^10.0.5",
     "lodash": "^4.17.21",
     "mixpanel-browser": "^2.38.0",
@@ -183,9 +185,8 @@
     "react-dev-utils": "^11.0.4",
     "react-dom": "17.0.2",
     "react-native": "^0.64.3",
-    "react-native-gesture-handler": "^1.6.1",
+    "react-native-gesture-handler": "^2.1.0",
     "react-native-haptic-feedback": "^1.10.0",
-    "react-native-hyperlink": "^0.0.19",
     "react-native-modalize": "^2.0.12",
     "react-native-navigation": "^6.12.0",
     "react-native-permissions": "^3.1.0",

package/src/Avatar.tsx

@@ -0,0 +1,98 @@
+import React, {useState} from "react";
+import {Image, Text, View} from "react-native";
+
+import {Box} from "./Box";
+import {Unifier} from "./Unifier";
+
+const sizes = {
+  xs: 24,
+  sm: 32,
+  md: 48,
+  lg: 64,
+  xl: 120,
+};
+
+interface AvatarProps {
+  /**
+   * The name of the user. This is used for the placeholder treatment if an image is not available.
+   */
+  name: string;
+  /**
+   * Override the generated initials from `name`.
+   */
+  initials?: string;
+  /**
+   * Adds a white border around Avatar so it's visible when displayed on other images.
+   */
+  outline?: boolean;
+  /**
+   * xs: 24px, sm: 32px, md: 48px, lg: 64px, xl: 120px.
+   */
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  /**
+   * The URL of the user's image.
+   */
+  src?: string;
+}
+
+export const Avatar = (props: AvatarProps): React.ReactElement => {
+  const [isImageLoaded, setIsImageLoaded] = useState(true);
+  const {name, initials, outline, size = "md", src} = props;
+  const width = sizes[size];
+  const height = sizes[size];
+  const radius = sizes[size] / 2;
+  const fontSize = sizes[size] / 2;
+  const computedInitials =
+    initials ??
+    (name.match(/(^\S\S?|\s\S)?/g) as any)
+      .map((v: string) => v.trim())
+      .join("")
+      .match(/(^\S|\S$)?/g)
+      .join("")
+      .toLocaleUpperCase();
+
+  const handleImageError = () => setIsImageLoaded(false);
+  return (
+    <Box
+      border={outline ? "white" : undefined}
+      height={height}
+      overflow="hidden"
+      position="relative"
+      rounding="circle"
+      width={width}
+    >
+      {src && isImageLoaded ? (
+        // TODO: Make our Image component rounding work so that we can use it for Avatar. Currently it creates an
+        //  unrounded box around the Image.
+        <Image
+          resizeMode="contain"
+          source={{uri: src, cache: "force-cache"}}
+          style={{
+            borderRadius: radius,
+            height,
+            width,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            overflow: "hidden",
+          }}
+          onError={handleImageError}
+        />
+      ) : (
+        <View
+          style={{
+            height,
+            width,
+            borderRadius: radius,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: Unifier.theme.gray,
+          }}
+        >
+          <Text style={{fontSize, color: Unifier.theme.darkGray}}>{computedInitials}</Text>
+        </View>
+      )}
+    </Box>
+  );
+};

package/src/Common.ts

@@ -776,7 +776,7 @@ export interface SpinnerProps {
 }
 
 export interface MaskProps {
-  children?: React.ReactNode;
+  children?: React.ReactElement;
   shape?: "circle" | "rounded" | "square";
   height?: number | string;
   width?: number | string;

package/src/Form.tsx

@@ -21,7 +21,7 @@ interface FormLineProps {
   value: any;
   onSave: (value: any) => void;
   kind: "boolean" | "string" | "textarea" | "select" | "multiboolean";
-  options?: (string | undefined)[];
+  options?: string[];
 }
 
 interface FormLineState {

package/src/Hyperlink.tsx

@@ -0,0 +1,181 @@
+/**
+ * @providesModule Hyperlink
+ *
+ * Forked from https://github.com/obipawan/react-native-hyperlink
+ *
+ *
+ * MIT License
+ *
+ * Copyright (c) 2019 Pawan
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+
+import mdurl from "mdurl";
+import React from "react";
+import {Linking, Platform, StyleProp, Text, View} from "react-native";
+
+const linkifyLib = require("linkify-it")();
+
+const {OS} = Platform;
+
+interface Props {
+  linkDefault?: boolean;
+  linkify?: any;
+  linkStyle?: StyleProp<any>;
+  linkText?: string | ((url: string) => string);
+  onPress?: (url: string) => void;
+  onLongPress?: (url: string, text: string) => void;
+  injectViewProps?: (url: string) => any;
+  children?: React.ReactNode;
+  style?: StyleProp<any>;
+}
+
+// Leaving this as a class component because it was easier to handle the `pasrse(this)` in `render()`
+class HyperlinkComponent extends React.Component<Props> {
+  isTextNested = (component: any) => {
+    if (!React.isValidElement(component)) throw new Error("Invalid component");
+    const {type: {displayName} = {} as any} = component;
+    if (displayName !== "Text") throw new Error("Not a Text component");
+    return typeof (component.props as any).children !== "string";
+  };
+
+  linkify = (component: any) => {
+    const linkifyIt = this.props.linkify || linkifyLib;
+
+    if (!linkifyIt.pretest(component.props.children) || !linkifyIt.test(component.props.children))
+      return component;
+
+    const elements = [];
+    let _lastIndex = 0;
+
+    const componentProps = {
+      ...component.props,
+      ref: undefined,
+      key: undefined,
+    };
+
+    try {
+      linkifyIt.match(component.props.children).forEach(({index, lastIndex, text, url}: any) => {
+        const nonLinkedText = component.props.children.substring(_lastIndex, index);
+        nonLinkedText && elements.push(nonLinkedText);
+        _lastIndex = lastIndex;
+        if (this.props.linkText)
+          text =
+            typeof this.props.linkText === "function"
+              ? this.props.linkText(url)
+              : this.props.linkText;
+
+        const clickHandlerProps: any = {};
+        if (OS !== "web") {
+          if (this.props.onLongPress) {
+            clickHandlerProps.onLongPress = () => (this.props as any).onLongPress(url, text);
+          }
+        }
+        if (this.props.onPress) {
+          clickHandlerProps.onPress = () => (this.props as any).onPress(url, text);
+        }
+
+        let injected: any = {};
+        if (this.props.injectViewProps) {
+          injected = this.props.injectViewProps(url);
+        }
+
+        elements.push(
+          <Text
+            {...componentProps}
+            {...clickHandlerProps}
+            key={url + index}
+            style={[component.props.style, this.props.linkStyle]}
+            {...injected}
+          >
+            {text}
+          </Text>
+        );
+      });
+      elements.push(
+        component.props.children.substring(_lastIndex, component.props.children.length)
+      );
+      return React.cloneElement(component, componentProps, elements);
+    } catch (err) {
+      return component;
+    }
+  };
+
+  parse = (component: any): React.ReactElement => {
+    const {props: {children} = {} as any} = component || {};
+    if (!children) return component;
+
+    const componentProps = {
+      ...component.props,
+      ref: undefined,
+      key: undefined,
+    };
+
+    const linkifyIt = this.props.linkify || linkifyLib;
+
+    return React.cloneElement(
+      component,
+      componentProps,
+      React.Children.map(children, (child) => {
+        const {type: {displayName} = {} as any} = child || {};
+        if (typeof child === "string" && linkifyIt.pretest(child))
+          return this.linkify(
+            <Text {...componentProps} style={component.props.style}>
+              {child}
+            </Text>
+          );
+        if (displayName === "Text" && !this.isTextNested(child)) return this.linkify(child);
+        return this.parse(child);
+      })
+    );
+  };
+
+  render() {
+    const {...viewProps} = this.props;
+    delete viewProps.onPress;
+    delete viewProps.linkDefault;
+    delete viewProps.onLongPress;
+    delete viewProps.linkStyle;
+
+    return (
+      <View {...viewProps} style={this.props.style}>
+        {!this.props.onPress && !this.props.onLongPress && !this.props.linkStyle
+          ? this.props.children
+          : this.parse(this).props.children}
+      </View>
+    );
+  }
+}
+
+export function Hyperlink(props: Props) {
+  const handleLink = (url: string) => {
+    const urlObject = mdurl.parse(url);
+    urlObject.protocol = urlObject.protocol.toLowerCase();
+    const normalizedURL = mdurl.format(urlObject);
+
+    Linking.canOpenURL(normalizedURL).then(
+      (supported) => supported && Linking.openURL(normalizedURL)
+    );
+  };
+
+  const onPress = handleLink || props.onPress;
+  if (props.linkDefault) return <HyperlinkComponent {...props} onPress={onPress} />;
+  return <HyperlinkComponent {...props} />;
+}

package/src/Mask.tsx

@@ -1,24 +1,21 @@
 import React from "react";
+import {View} from "react-native";
 
 import {MaskProps} from "./Common";
 
-export class Mask extends React.Component<MaskProps, {}> {
-  render() {
-    // if (this.props.shape === "rounded") {
-    //   return <Box style={{overflow: "hidden", borderRadius: 12}}>{this.props.children}</Box>;
-    // } else if (this.props.shape === "circle") {
-    //   return <Box style={{overflow: "hidden", borderRadius: 1000}}>{this.props.children}</Box>;
-    // }
-    // if (this.props.rounding) {
-    //   let rounding = this.props.rounding === "circle" ? 100 : this.props.rounding;
-    //   // Subtract 1 from rounding because of some very odd rendering.
-    //   return (
-    //     // <View style={{borderRadius: (rounding - 1) * 4, overflow: "visible"}}>
-    //       <View>{this.props.children}</View>
-    //     // </View>
-    //   );
-    // } else {
-    return this.props.children;
-    // }
+export function Mask(props: MaskProps): React.ReactElement | null {
+  if (props.shape === "rounded") {
+    return <View style={{overflow: "hidden", borderRadius: 12}}>{props.children}</View>;
+  } else if (props.shape === "circle") {
+    return <View style={{overflow: "hidden", borderRadius: 1000}}>{props.children}</View>;
+  }
+  if (props.rounding) {
+    const rounding = props.rounding === "circle" ? 100 : props.rounding;
+    // Subtract 1 from rounding because of some very odd rendering.
+    return (
+      <View style={{borderRadius: (rounding - 1) * 4, overflow: "visible"}}>{props.children}</View>
+    );
+  } else {
+    return props.children || null;
   }
 }

package/src/SelectList.tsx

@@ -4,7 +4,8 @@ import {FieldWithLabelsProps} from "./Common";
 import RNPickerSelect from "./PickerSelect";
 import {Unifier} from "./Unifier";
 
-export type SelectListOptions = {label: string; value: string | number | undefined}[];
+// Use "" if you want to have an "unset" value.
+export type SelectListOptions = {label: string; value: string | number}[];
 export interface SelectListProps extends FieldWithLabelsProps {
   id?: string;
   name?: string;

package/src/Text.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import {Text as NativeText} from "react-native";
-import Hyperlink from "react-native-hyperlink";
 
 import {TextProps} from "./Common";
+import {Hyperlink} from "./Hyperlink";
 import {Unifier} from "./Unifier";
 
 export class Text extends React.Component<TextProps, {}> {
@@ -82,10 +82,9 @@ export class Text extends React.Component<TextProps, {}> {
       return inner;
     } else {
       return (
-        // <Hyperlink linkDefault={true} linkStyle={{textDecorationLine: "underline"}}>
-        //   {inner}
-        // </Hyperlink>
-        <Hyperlink linkDefault>{inner}</Hyperlink>
+        <Hyperlink linkDefault linkStyle={{textDecorationLine: "underline"}}>
+          {inner}
+        </Hyperlink>
       );
     }
   }

package/src/Unifier.ts

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import {Clipboard, Dimensions, Keyboard, Linking, Vibration} from "react-native";
+import {Clipboard, Dimensions, Keyboard, Linking, Platform, Vibration} from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 
 import {PermissionKind, UnifiedTheme} from "./Common";
@@ -206,7 +206,9 @@ class UnifierClass {
         enableVibrateFallback: true,
         ignoreAndroidSystemSettings: false,
       };
-      ReactNativeHapticFeedback.trigger("impactLight", options);
+      if (Platform.OS !== "web") {
+        ReactNativeHapticFeedback.trigger("impactLight", options);
+      }
     },
     openUrl: async (url: string) => {
       return Linking.openURL(url);

package/src/index.tsx

@@ -1,4 +1,5 @@
 export * from "./Common";
+export * from "./Avatar";
 export * from "./Banner";
 export * from "./BlurBox";
 export * from "./Body";