ferns-ui 0.37.9 → 0.38.1

package/src/Button.tsx

@@ -157,7 +157,7 @@ export function Button({
           testID={testID}
           onPress={debounce(
             async () => {
-              Unifier.utils.haptic();
+              await Unifier.utils.haptic();
               setLoading(true);
               try {
                 if (withConfirmation && !showConfirmation) {

package/src/HeaderButtons.tsx

@@ -87,8 +87,8 @@ export class UseButton extends React.Component<SearchButtonProps, {}> {
     return (
       <Button
         text="Use"
-        onClick={() => {
-          Unifier.utils.haptic();
+        onClick={async () => {
+          await Unifier.utils.haptic();
           this.props.onClick();
         }}
       />

package/src/Hyperlink.tsx

@@ -170,7 +170,7 @@ export function Hyperlink(props: Props) {
     urlObject.protocol = urlObject.protocol.toLowerCase();
     const normalizedURL = mdurl.format(urlObject);
 
-    Linking.canOpenURL(normalizedURL).then(
+    void Linking.canOpenURL(normalizedURL).then(
       (supported) => supported && Linking.openURL(normalizedURL)
     );
   };

package/src/IconButton.tsx

@@ -131,8 +131,8 @@ export const IconButton = forwardRef(
               justifyContent: "center",
               alignItems: "center",
             }}
-            onPress={() => {
-              Unifier.utils.haptic();
+            onPress={async () => {
+              await Unifier.utils.haptic();
               if (withConfirmation && !showConfirmation) {
                 setShowConfirmation(true);
               } else if (onClick) {

package/src/Page.tsx

@@ -26,6 +26,7 @@ interface PageProps {
   rightButton?: string;
   rightButtonOnClick?: () => void;
   children?: any;
+  onError?: (error: Error, stack: any) => void;
 }
 
 export class Page extends React.Component<PageProps, {}> {
@@ -82,7 +83,7 @@ export class Page extends React.Component<PageProps, {}> {
 
   render() {
     return (
-      <ErrorBoundary>
+      <ErrorBoundary onError={this.props.onError}>
         <Box
           alignSelf="center"
           avoidKeyboard

package/src/SplitPage.native.tsx

@@ -36,21 +36,21 @@ export const SplitPage = ({
   const {width} = Dimensions.get("window");
 
   const onItemSelect = useCallback(
-    (item: ListRenderItemInfo<any>) => {
+    async (item: ListRenderItemInfo<any>) => {
       setSelectedId(item.index);
-      onSelectionChange(item);
+      await onSelectionChange(item);
     },
     [onSelectionChange]
   );
 
-  const onItemDeselect = useCallback(() => {
+  const onItemDeselect = useCallback(async (): Promise<void> => {
     setSelectedId(undefined);
-    onSelectionChange(undefined);
+    await onSelectionChange(undefined);
   }, [onSelectionChange]);
 
   useEffect(() => {
     if (showItemList) {
-      onItemDeselect();
+      void onItemDeselect();
     }
   }, [showItemList, onItemDeselect]);
 
@@ -62,9 +62,9 @@ export const SplitPage = ({
   const renderItem = (itemInfo: ListRenderItemInfo<any>) => {
     return (
       <Box
-        onClick={() => {
-          Unifier.utils.haptic();
-          onItemSelect(itemInfo);
+        onClick={async () => {
+          await Unifier.utils.haptic();
+          await onItemSelect(itemInfo);
         }}
       >
         {renderListViewItem(itemInfo)}

package/src/SplitPage.tsx

@@ -40,21 +40,21 @@ export const SplitPage = ({
   const elementArray = Children.toArray(children).filter((c) => c !== null);
 
   const onItemSelect = useCallback(
-    (item: ListRenderItemInfo<any>) => {
+    async (item: ListRenderItemInfo<any>): Promise<void> => {
       setSelectedId(item.index);
-      onSelectionChange(item);
+      await onSelectionChange(item);
     },
     [onSelectionChange]
   );
 
-  const onItemDeselect = useCallback(() => {
+  const onItemDeselect = useCallback(async () => {
     setSelectedId(undefined);
-    onSelectionChange(undefined);
+    await onSelectionChange(undefined);
   }, [onSelectionChange]);
 
   useEffect(() => {
     if (showItemList) {
-      onItemDeselect();
+      void onItemDeselect();
     }
   }, [showItemList, onItemDeselect]);
 
@@ -71,8 +71,8 @@ export const SplitPage = ({
   const renderItem = (itemInfo: ListRenderItemInfo<any>) => {
     return (
       <Box
-        onClick={() => {
-          onItemSelect(itemInfo);
+        onClick={async () => {
+          await onItemSelect(itemInfo);
         }}
       >
         {renderListViewItem(itemInfo)}

package/src/TapToEdit.tsx

@@ -179,9 +179,9 @@ export const TapToEdit = ({
       }
     }
 
-    const openLink = (): void => {
+    const openLink = async (): Promise<void> => {
       if (fieldProps?.type === "url") {
-        Linking.openURL(value);
+        await Linking.openURL(value);
       }
     };
 

package/src/index.tsx

@@ -1,6 +1,3 @@
-export * from "./Constants";
-export * from "./Common";
-export * from "./MediaQuery";
 export * from "./ActionSheet";
 export * from "./Avatar";
 export * from "./Badge";
@@ -11,61 +8,63 @@ export * from "./Box";
 export * from "./Button";
 export * from "./Card";
 export * from "./CheckBox";
+export * from "./Common";
+export * from "./Constants";
 export * from "./DateTimeActionSheet";
+export * from "./DateTimeField";
+export * from "./DecimalRangeActionSheet";
 export * from "./ErrorBoundary";
 export * from "./ErrorPage";
 export * from "./FernsProvider";
-export * from "./FlatList";
 export * from "./Field";
+export * from "./FlatList";
 export * from "./Form";
 export * from "./HeaderButtons";
 export * from "./Heading";
+export * from "./HeightActionSheet";
 export * from "./Icon";
 export * from "./IconButton";
 export * from "./Image";
 export * from "./ImageBackground";
 export * from "./InfoTooltipButton";
-// export * from "./Layout";
-// export * from "./Drawer";
 export * from "./Link";
 export * from "./Mask";
+export * from "./MediaQuery";
 export * from "./Meta";
 export * from "./MobileAddressAutoComplete";
 export * from "./Modal";
-
+export * from "./ModalSheet";
+export * from "./NumberPickerActionSheet";
 export * from "./Page";
 export * from "./Pill";
+export * from "./ProgressBar";
 export * from "./ScrollView";
 export * from "./SegmentedControl";
 export * from "./SelectList";
-export * from "./SplitPage";
+export * from "./SideDrawer";
 export * from "./Spinner";
+export * from "./SplitPage";
 export * from "./Switch";
+export * from "./Table";
+export * from "./TableHeader";
+export * from "./TableHeaderCell";
+export * from "./TableRow";
 export * from "./TapToEdit";
 export * from "./Text";
 export * from "./TextArea";
 export * from "./TextField";
-export * from "./Tooltip";
+export * from "./Theme";
 export * from "./Toast";
+export * from "./Tooltip";
+export * from "./UnifiedAddressAutoComplete";
 export * from "./UnifiedScreens";
 export * from "./Unifier";
-export * from "./UnifiedAddressAutoComplete";
-export * from "./WithLabel";
-export * from "./DecimalRangeActionSheet";
-export * from "./HeightActionSheet";
-export * from "./NumberPickerActionSheet";
-// export * from "./Chart";
-export * from "./ModalSheet";
-export * from "./ProgressBar";
-export * from "./DateTimeField";
-export * from "./SideDrawer";
-export * from "./Table";
-export * from "./TableHeader";
-export * from "./TableHeaderCell";
-export * from "./TableRow";
-export * from "./Theme";
 export * from "./useStoredState";
 export * from "./WebAddressAutocomplete";
+export * from "./WithLabel";
+// export * from "./Layout";
+// export * from "./Drawer";
+// export * from "./Chart";
 
 // Lifted from react-native
 type ImageRequireSource = number;

package/src/useStoredState.ts

@@ -20,7 +20,7 @@ export const useStoredState = <T>(
 
   // Fetch data when the component mounts
   useEffect(() => {
-    fetchData().then((value) => {
+    void fetchData().then((value) => {
       setState(value);
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps