ferns-ui 0.34.0 → 0.35.0

package/src/Tooltip.tsx

@@ -118,7 +118,8 @@ const getTooltipPosition = ({
 
 interface TooltipProps {
   children: React.ReactElement;
-  text: string;
+  // If text is undefined, the children will be rendered without a tooltip.
+  text?: string;
   idealDirection?: "top" | "bottom" | "left" | "right";
   bgColor?: "white" | "lightGray" | "gray" | "darkGray";
 }
@@ -214,6 +215,12 @@ export const Tooltip = (props: TooltipProps) => {
     }, [children.props]),
   };
 
+  // Allow disabling tooltips when there is no string, otherwise you need to wrap the children in a function to
+  // determine if there should be a tooltip or not, which gets messy.
+  if (!text) {
+    return children;
+  }
+
   return (
     <>
       {visible && (

package/src/Unifier.ts

@@ -2,10 +2,11 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 
 import AsyncStorage from "@react-native-async-storage/async-storage";
+import * as Clipboard from "expo-clipboard";
 import * as Font from "expo-font";
 import {FontSource} from "expo-font";
 import * as Haptics from "expo-haptics";
-import {Clipboard, Dimensions, Keyboard, Linking, Platform, Vibration} from "react-native";
+import {Dimensions, Keyboard, Linking, Platform, Vibration} from "react-native";
 
 import {PermissionKind, UnifiedTheme} from "./Common";
 import {requestPermissions} from "./Permissions";

package/src/WithLabel.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import {Box} from "./Box";
-import {AllColors, JustifyContent, ReactChildren, TextSize} from "./Common";
+import {AlignItems, AllColors, JustifyContent, ReactChildren, TextSize} from "./Common";
 import {Text} from "./Text";
 
 export interface WithLabelProps {
@@ -11,6 +11,7 @@ export interface WithLabelProps {
   labelInline?: boolean;
   labelColor?: AllColors;
   labelJustifyContent?: JustifyContent;
+  labelAlignItems?: AlignItems;
   labelPlacement?: "before" | "after";
   labelSize?: TextSize;
 }
@@ -19,6 +20,7 @@ export function WithLabel({
   label,
   labelInline,
   labelJustifyContent,
+  labelAlignItems,
   labelPlacement,
   labelSize,
   labelColor,
@@ -30,6 +32,7 @@ export function WithLabel({
   }
   return (
     <Box
+      alignItems={labelAlignItems}
       direction={labelInline ? "row" : "column"}
       justifyContent={labelJustifyContent}
       width="100%"