ferns-ui 0.6.3 → 0.6.4

package/dist/ErrorBoundary.js

@@ -1,4 +1,3 @@
-import * as Sentry from "@sentry/react-native";
 import React from "react";
 import { ErrorPage } from "./ErrorPage";
 export class ErrorBoundary extends React.Component {
@@ -15,7 +14,6 @@ export class ErrorBoundary extends React.Component {
     }
     componentDidCatch(error, info) {
         console.warn("[ErrorBoundary] Caught error", error);
-        Sentry.captureException(error);
         if (this.props.onError) {
             this.props.onError(error, info.componentStack);
         }

package/dist/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAMtC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAoC;IAA7E;;QACE,UAAK,GAAG,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QAgB3B,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;QACpC,CAAC,CAAC;IASJ,CAAC;IAzBC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAC,KAAK,EAAC,CAAC;IACjB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAA8B;QAC5D,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACT,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SACjE;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAMtC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAoC;IAA7E;;QACE,UAAK,GAAG,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QAe3B,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;QACpC,CAAC,CAAC;IASJ,CAAC;IAxBC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAC,KAAK,EAAC,CAAC;IACjB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAA8B;QAC5D,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QAEpD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACT,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SACjE;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/ErrorPage.js

@@ -11,7 +11,7 @@ export class ErrorPage extends React.Component {
         return (React.createElement(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", padding: 6, width: "100%" },
             React.createElement(Text, { align: "center", color: "red", size: "lg", weight: "bold" }, "Oops!"),
             React.createElement(Box, { paddingY: 3 },
-                React.createElement(Text, { align: "center" }, "There's an error. Sorry! Josh just got a notification about the error so he can fix it as soon as possible!")),
+                React.createElement(Text, { align: "center" }, "There's an error. Sorry! Our team just got a notification about the error so they can fix it as soon as possible!")),
             React.createElement(Box, { paddingY: 3 },
                 React.createElement(Text, null, this.props.error.toString())),
             React.createElement(Button, { color: "blue", text: "Try again", onClick: this.props.resetError })));

package/dist/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../src/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM;YAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAEjD;YACP,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,kHAGb,CACH;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAQ,CACtC;YACN,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAI,CACpE,CACP,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../src/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM;YAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAEjD;YACP,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,wHAGb,CACH;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAQ,CACtC;YACN,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAI,CACpE,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/Spinner.d.ts

@@ -1,21 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { SpinnerProps } from "./Common";
-export declare class LoadingOverlay extends React.Component<SpinnerProps, {}> {
-    componentId?: string;
-    showHide(): Promise<void>;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-interface SpinnerState {
-    show: boolean;
-}
-export declare class Spinner extends React.Component<SpinnerProps, SpinnerState> {
-    state: {
-        show: boolean;
-    };
-    componentDidMount(): void;
-    render(): JSX.Element | null;
-}
-export {};
+export declare function Spinner({ size, color }: SpinnerProps): ReactElement | null;

package/dist/Spinner.js

@@ -1,58 +1,16 @@
-import React from "react";
-import { ActivityIndicator, View } from "react-native";
-import { Unifier } from "./Unifier";
-export class LoadingOverlay extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.componentId = undefined;
-    }
-    async showHide() {
-        if (this.componentId) {
-            try {
-                await Unifier.navigation.dismissOverlay();
-            }
-            catch (e) {
-                console.debug(`[spinner] could not dismiss spinner overlay`, e);
-            }
-        }
-    }
-    componentDidMount() {
-        this.showHide();
-    }
-    componentDidUpdate() {
-        this.showHide();
-    }
-    componentWillUnmount() {
-        this.showHide();
-    }
-    render() {
-        return (React.createElement(View, { style: {
-                width: "100%",
-                height: "100%",
-                flex: 1,
-                justifyContent: "center",
-                alignItems: "center",
-                backgroundColor: Unifier.theme.white,
-                opacity: 0.5,
-            } },
-            React.createElement(Spinner, null)));
-    }
-}
-export class Spinner extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = { show: false };
-    }
-    // The delay is for perceived performance so you should rarely need to remove it.
-    componentDidMount() {
-        setTimeout(() => this.setState({ show: true }), 300);
-    }
-    render() {
-        if (!this.state.show) {
-            return null;
-        }
-        const size = this.props.size === "sm" ? "small" : "large";
-        return React.createElement(ActivityIndicator, { color: this.props.color || "darkGray", size: size });
-    }
+import React, { useEffect, useState } from "react";
+import { ActivityIndicator } from "react-native";
+export function Spinner({ size, color }) {
+    const [show, setShow] = useState(false);
+    // The delay is for perceived performance. You don't want to show a spinner when you're doing a quick action.
+    useEffect(() => {
+        const timer = setTimeout(() => setShow(true), 300);
+        return () => clearTimeout(timer);
+    }, []);
+    if (!show) {
+        return null;
+    }
+    const spinnerSize = size === "sm" ? "small" : "large";
+    return React.createElement(ActivityIndicator, { color: color || "darkGray", size: spinnerSize });
 }
 //# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA2B;IAArE;;QACE,gBAAW,GAAY,SAAS,CAAC;IAyCnC,CAAC;IAvCC,KAAK,CAAC,QAAQ;QACZ,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI;gBACF,MAAM,OAAO,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;aAC3C;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;aACjE;SACF;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE,CAAC;gBACP,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;gBACpC,OAAO,EAAE,GAAG;aACb;YAED,oBAAC,OAAO,OAAG,CACN,CACR,CAAC;IACJ,CAAC;CACF;AAKD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAAxE;;QACE,UAAK,GAAG,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;IAcxB,CAAC;IAZC,iFAAiF;IACjF,iBAAiB;QACf,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,IAAI,GAAsB,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7E,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAClF,CAAC;CACF"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAI/C,MAAM,UAAU,OAAO,CAAC,EAAC,IAAI,EAAE,KAAK,EAAe;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,6GAA6G;IAC7G,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IACD,MAAM,WAAW,GAAsB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferns-ui",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {
@@ -125,9 +125,6 @@
     "@react-native-community/blur": "^3.6.0",
     "@react-native-community/datetimepicker": "^6.2.0",
     "@react-native-picker/picker": "2.4.2",
-    "@sentry/browser": "^7.3.1",
-    "@sentry/react": "^7.3.1",
-    "@sentry/react-native": "^4.1.0",
     "@types/lodash": "^4.14.182",
     "@types/mdurl": "^1.0.2",
     "@types/react-native": "^0.69.1",
@@ -172,9 +169,6 @@
     "@react-native-community/blur": "^3.6.0",
     "@react-native-community/datetimepicker": "^6.2.0",
     "@react-native-picker/picker": "2.4.2",
-    "@sentry/browser": "^7.3.1",
-    "@sentry/react": "^7.3.1",
-    "@sentry/react-native": "^4.1.0",
     "expo-font": "^10.0.5",
     "expo-haptics": "~11.2.0",
     "lodash": "^4.17.21",

package/src/ErrorBoundary.tsx

@@ -1,4 +1,3 @@
-import * as Sentry from "@sentry/react-native";
 import React from "react";
 
 import {ErrorBoundaryProps} from "./Common";
@@ -18,7 +17,6 @@ export class ErrorBoundary extends React.Component<ErrorBoundaryProps, State> {
 
   componentDidCatch(error: Error, info: {componentStack: string}) {
     console.warn("[ErrorBoundary] Caught error", error);
-    Sentry.captureException(error);
 
     if (this.props.onError) {
       this.props.onError(error, info.componentStack);

package/src/ErrorPage.tsx

@@ -30,8 +30,8 @@ export class ErrorPage extends React.Component<ErrorPageProps, {}> {
         </Text>
         <Box paddingY={3}>
           <Text align="center">
-            There&apos;s an error. Sorry! Josh just got a notification about the error so he can fix
-            it as soon as possible!
+            There&apos;s an error. Sorry! Our team just got a notification about the error so they
+            can fix it as soon as possible!
           </Text>
         </Box>
         <Box paddingY={3}>

package/src/Spinner.tsx

@@ -1,69 +1,20 @@
-import React from "react";
-import {ActivityIndicator, View} from "react-native";
+import React, {ReactElement, useEffect, useState} from "react";
+import {ActivityIndicator} from "react-native";
 
 import {SpinnerProps} from "./Common";
-import {Unifier} from "./Unifier";
 
-export class LoadingOverlay extends React.Component<SpinnerProps, {}> {
-  componentId?: string = undefined;
+export function Spinner({size, color}: SpinnerProps): ReactElement | null {
+  const [show, setShow] = useState(false);
 
-  async showHide() {
-    if (this.componentId) {
-      try {
-        await Unifier.navigation.dismissOverlay();
-      } catch (e) {
-        console.debug(`[spinner] could not dismiss spinner overlay`, e);
-      }
-    }
-  }
-
-  componentDidMount() {
-    this.showHide();
-  }
-
-  componentDidUpdate() {
-    this.showHide();
-  }
-
-  componentWillUnmount() {
-    this.showHide();
-  }
-
-  render() {
-    return (
-      <View
-        style={{
-          width: "100%",
-          height: "100%",
-          flex: 1,
-          justifyContent: "center",
-          alignItems: "center",
-          backgroundColor: Unifier.theme.white,
-          opacity: 0.5,
-        }}
-      >
-        <Spinner />
-      </View>
-    );
-  }
-}
-
-interface SpinnerState {
-  show: boolean;
-}
-export class Spinner extends React.Component<SpinnerProps, SpinnerState> {
-  state = {show: false};
-
-  // The delay is for perceived performance so you should rarely need to remove it.
-  componentDidMount() {
-    setTimeout(() => this.setState({show: true}), 300);
-  }
+  // The delay is for perceived performance. You don't want to show a spinner when you're doing a quick action.
+  useEffect(() => {
+    const timer = setTimeout(() => setShow(true), 300);
+    return () => clearTimeout(timer);
+  }, []);
 
-  render() {
-    if (!this.state.show) {
-      return null;
-    }
-    const size: "small" | "large" = this.props.size === "sm" ? "small" : "large";
-    return <ActivityIndicator color={this.props.color || "darkGray"} size={size} />;
+  if (!show) {
+    return null;
   }
+  const spinnerSize: "small" | "large" = size === "sm" ? "small" : "large";
+  return <ActivityIndicator color={color || "darkGray"} size={spinnerSize} />;
 }