ferns-ui 2.0.0-beta.2 → 2.0.0-beta.4

package/src/index.tsx

@@ -34,6 +34,7 @@ export * from "./ImageBackground";
 export * from "./InfoModalIcon";
 export * from "./InfoTooltipButton";
 export * from "./Link";
+export * from "./MarkdownView";
 export * from "./MediaQuery";
 export * from "./MobileAddressAutoComplete";
 export * from "./Modal";
@@ -59,11 +60,17 @@ export * from "./SignatureField";
 export * from "./Slider";
 export * from "./Spinner";
 export * from "./SplitPage";
+export * from "./TapToEdit";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextField";
+export * from "./Theme";
+export * from "./Toast";
+export * from "./Tooltip";
 export * from "./table/Table";
 export * from "./table/Table";
 export * from "./table/TableBadge";
 export * from "./table/TableBoolean";
-export * from "./table/tableContext";
 export * from "./table/TableDate";
 export * from "./table/TableHeader";
 export * from "./table/TableHeaderCell";
@@ -72,18 +79,13 @@ export * from "./table/TableNumber";
 export * from "./table/TableRow";
 export * from "./table/TableText";
 export * from "./table/TableTitle";
-export * from "./TapToEdit";
-export * from "./Text";
-export * from "./TextArea";
-export * from "./TextField";
-export * from "./Theme";
-export * from "./Toast";
-export * from "./Tooltip";
+export * from "./table/tableContext";
 export * from "./UnifiedAddressAutoComplete";
 export * from "./Unifier";
-export * from "./useStoredState";
 export * from "./Utilities";
+export * from "./useStoredState";
 export * from "./WebAddressAutocomplete";
+
 // export * from "./Layout";
 // export * from "./Drawer";
 // export * from "./Chart";
@@ -1370,4 +1372,3 @@ export interface Options {
    */
   blurOnUnmount?: boolean;
 }
-export {};

package/src/table/Table.tsx

@@ -68,44 +68,42 @@ export const Table = ({
       sortColumn={sortColumn}
       stickyHeader={stickyHeader}
     >
-      <>
-        <Box
-          flex="grow"
-          maxWidth="100%"
-          style={{
-            position: "relative",
-          }}
-          width={width}
-        >
-          <ScrollView horizontal style={{width, maxWidth: "100%"}}>
-            {/* TODO: Replace table scrollview with flat list */}
-            <ScrollView
-              // nestedScrollEnabled
-              stickyHeaderIndices={stickyHeader ? [0] : undefined}
-              style={{width, maxWidth: "100%", flex: 1, maxHeight}}
-            >
-              {Children.map(
-                children,
-                (child, index) =>
-                  Boolean(child) &&
-                  React.cloneElement(child as ReactElement<TableRowProps>, {
-                    color: index % 2 === 1 && alternateRowBackground ? "neutralLight" : "base",
-                  })
-              )}
-            </ScrollView>
+      <Box
+        flex="grow"
+        maxWidth="100%"
+        style={{
+          position: "relative",
+        }}
+        width={width}
+      >
+        <ScrollView horizontal style={{width, maxWidth: "100%"}}>
+          {/* TODO: Replace table scrollview with flat list */}
+          <ScrollView
+            // nestedScrollEnabled
+            stickyHeaderIndices={stickyHeader ? [0] : undefined}
+            style={{width, maxWidth: "100%", flex: 1, maxHeight}}
+          >
+            {Children.map(
+              children,
+              (child, index) =>
+                Boolean(child) &&
+                React.cloneElement(child as ReactElement<TableRowProps>, {
+                  color: index % 2 === 1 && alternateRowBackground ? "neutralLight" : "base",
+                })
+            )}
           </ScrollView>
+        </ScrollView>
+      </Box>
+      {Boolean(shouldPaginate && totalPages !== undefined) && (
+        <Box alignItems="center" borderTop="default" direction="row" height={60} paddingX={8}>
+          <Pagination
+            page={propsPage ?? page}
+            setPage={propsSetPage ?? setPage}
+            totalPages={totalPages!}
+          />
+          {Boolean(extraControls) && extraControls}
         </Box>
-        {Boolean(shouldPaginate && totalPages !== undefined) && (
-          <Box alignItems="center" borderTop="default" direction="row" height={60} paddingX={8}>
-            <Pagination
-              page={propsPage ?? page}
-              setPage={propsSetPage ?? setPage}
-              totalPages={totalPages!}
-            />
-            {Boolean(extraControls) && extraControls}
-          </Box>
-        )}
-      </>
+      )}
     </TableContextProvider>
   );
 };

package/src/table/TableHeaderCell.tsx

@@ -6,8 +6,8 @@ import {View} from "react-native";
 import {Box} from "../Box";
 import {AlignItems, TableHeaderCellProps} from "../Common";
 import {useTheme} from "../Theme";
-import {useTableContext} from "./tableContext";
 import {TableTitle} from "./TableTitle";
+import {useTableContext} from "./tableContext";
 
 /**
  * Use TableHeaderCell to define a header cell in Table.
@@ -48,7 +48,7 @@ export const TableHeaderCell = ({
     if (setSortColumn) {
       setSortColumn(newSort ? {column: index, direction: newSort} : undefined);
     }
-    onSortChange && onSortChange(newSort);
+    onSortChange?.(newSort);
   }, [index, onSortChange, setSortColumn, sort]);
 
   if (sortable && !onSortChange) {

package/src/useStoredState.ts

@@ -22,17 +22,19 @@ export const useStoredState = <T>(
 
   // Fetch data when the component mounts
   useEffect(() => {
-    void fetchData().then((value) => {
-      if (isMounted.current) {
-        setState(value);
-        setIsLoading(false);
-      }
-    }).catch((error) => {
-      console.error("Error fetching data:", error);
-      if (isMounted.current) {
-        setIsLoading(false);
-      }
-    });
+    void fetchData()
+      .then((value) => {
+        if (isMounted.current) {
+          setState(value);
+          setIsLoading(false);
+        }
+      })
+      .catch((error) => {
+        console.error("Error fetching data:", error);
+        if (isMounted.current) {
+          setIsLoading(false);
+        }
+      });
 
     return () => {
       isMounted.current = false;