ferns-ui 1.9.1 → 1.11.0

package/src/__snapshots__/Box.test.tsx.snap

@@ -0,0 +1,159 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Box snapshots should match snapshot with border and rounding 1`] = `
+<View
+  onPointerEnter={[Function]}
+  onPointerLeave={[Function]}
+  style={
+    {
+      "backgroundColor": "#0E9DCD",
+      "borderColor": "#CDCDCD",
+      "borderRadius": 4,
+      "borderWidth": 1,
+      "boxShadow": "2px 2px 2px rgba(153, 153, 153, 1.0)",
+    }
+  }
+/>
+`;
+
+exports[`Box snapshots should match snapshot with clickable props 1`] = `
+<View
+  accessibilityHint="Tap to trigger action"
+  accessibilityLabel="Click me"
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  aria-role="button"
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onPointerEnter={[Function]}
+  onPointerLeave={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    {
+      "accessibilityHint": "Tap to trigger action",
+      "accessibilityLabel": "Click me",
+    }
+  }
+/>
+`;
+
+exports[`Box snapshots should match snapshot with default props 1`] = `
+<View
+  onPointerEnter={[Function]}
+  onPointerLeave={[Function]}
+  style={{}}
+/>
+`;
+
+exports[`Box snapshots should match snapshot with keyboard avoidance 1`] = `
+<View
+  onLayout={[Function]}
+  style={
+    [
+      {
+        "display": "flex",
+        "flex": 1,
+      },
+      {
+        "paddingBottom": 0,
+      },
+    ]
+  }
+>
+  <RCTSafeAreaView
+    style={
+      {
+        "display": "flex",
+        "flex": 1,
+      }
+    }
+  >
+    <View
+      onPointerEnter={[Function]}
+      onPointerLeave={[Function]}
+      style={
+        {
+          "avoidKeyboard": true,
+        }
+      }
+    />
+  </RCTSafeAreaView>
+</View>
+`;
+
+exports[`Box snapshots should match snapshot with layout props 1`] = `
+<View
+  onPointerEnter={[Function]}
+  onPointerLeave={[Function]}
+  style={
+    {
+      "alignItems": "center",
+      "display": "flex",
+      "flexDirection": "column",
+      "flexGrow": 1,
+      "flexShrink": 1,
+      "justifyContent": "center",
+      "margin": 8,
+      "padding": 16,
+    }
+  }
+/>
+`;
+
+exports[`Box snapshots should match snapshot with scroll enabled 1`] = `
+<RCTScrollView
+  contentContainerStyle={
+    {
+      "alignContent": undefined,
+      "alignItems": undefined,
+      "justifyContent": undefined,
+    }
+  }
+  horizontal={false}
+  keyboardShouldPersistTaps="handled"
+  nestedScrollEnabled={true}
+  onScroll={[Function]}
+  scrollEventThrottle={50}
+  style={
+    {
+      "scroll": true,
+    }
+  }
+>
+  <View>
+    <View
+      onPointerEnter={[Function]}
+      onPointerLeave={[Function]}
+      style={
+        {
+          "scroll": true,
+        }
+      }
+    />
+  </View>
+</RCTScrollView>
+`;

package/src/__snapshots__/TextArea.test.tsx.snap

@@ -271,6 +271,18 @@ exports[`TextArea snapshots should match snapshot with error state 1`] = `
       }
     }
   >
+    <View
+      brand={false}
+      color="#BD1111"
+      duotone={false}
+      light={false}
+      name="triangle-exclamation"
+      regular={false}
+      sharp={false}
+      size={12}
+      solid={true}
+      thin={false}
+    />
     <View
       style={
         {

package/src/__snapshots__/TextField.test.tsx.snap

@@ -107,6 +107,18 @@ exports[`TextField snapshots should match snapshot with all props 1`] = `
       }
     }
   >
+    <View
+      brand={false}
+      color="#BD1111"
+      duotone={false}
+      light={false}
+      name="triangle-exclamation"
+      regular={false}
+      sharp={false}
+      size={12}
+      solid={true}
+      thin={false}
+    />
     <View
       style={
         {
@@ -211,7 +223,20 @@ exports[`TextField snapshots should match snapshot with all props 1`] = `
       onResponderTerminate={[Function]}
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
-    />
+    >
+      <View
+        brand={false}
+        color="#1C1C1C"
+        duotone={false}
+        light={false}
+        name="check"
+        regular={false}
+        sharp={false}
+        size={16}
+        solid={true}
+        thin={false}
+      />
+    </View>
   </View>
   <View
     style={
@@ -329,6 +354,18 @@ exports[`TextField snapshots should match snapshot with error state 1`] = `
       }
     }
   >
+    <View
+      brand={false}
+      color="#BD1111"
+      duotone={false}
+      light={false}
+      name="triangle-exclamation"
+      regular={false}
+      sharp={false}
+      size={12}
+      solid={true}
+      thin={false}
+    />
     <View
       style={
         {

package/src/index.tsx

@@ -49,12 +49,14 @@ export * from "./PhoneNumberField";
 export * from "./Radio";
 export * from "./RadioField";
 export * from "./ScrollView";
+export * from "./SectionDivider";
 export * from "./SegmentedControl";
 export * from "./SelectBadge";
 export * from "./SelectField";
 export * from "./SideDrawer";
 export * from "./Signature";
 export * from "./SignatureField";
+export * from "./Slider";
 export * from "./Spinner";
 export * from "./SplitPage";
 export * from "./table/Table";

package/src/setupTests.ts

@@ -1,4 +1,5 @@
 process.env.TZ = "America/New_York";
+process.env.EXPO_OS = "ios";
 
 // Create mocks for libraries that cause issues with testing
 jest.mock("@react-native-async-storage/async-storage", () => ({
@@ -22,10 +23,19 @@ jest.mock("./IconButton", () => ({
   IconButton: jest.fn().mockImplementation(() => null),
 }));
 
-jest.mock("./Icon", () => ({
-  Icon: jest.fn().mockImplementation(() => null),
+jest.mock("expo-font", () => ({
+  isLoaded: jest.fn().mockImplementation(() => true),
+  loadNativeFonts: jest.fn().mockImplementation(() => Promise.resolve()),
+  loadAsync: jest.fn().mockImplementation(() => Promise.resolve()),
 }));
 
+// jest.mock("./Icon", () => ({
+//   Icon: ({name}: {name: string}) => ({
+//     props: {testID: name},
+//     type: "View",
+//   }),
+// }));
+
 // Mock DateTimeActionSheet
 jest.mock("./DateTimeActionSheet", () => ({
   DateTimeActionSheet: jest.fn().mockImplementation(() => null),
@@ -36,6 +46,39 @@ jest.mock("./MediaQuery", () => ({
   isMobileDevice: jest.fn().mockReturnValue(false),
 }));
 
+// Mock @expo/vector-icons/FontAwesome6
+// interface IconProps {
+//   name: string;
+//   [key: string]: unknown;
+// }
+
+// jest.mock("@expo/vector-icons/FontAwesome6", () => ({
+//   __esModule: true,
+//   default: jest.fn(({name, ...props}: IconProps) =>
+//     React.createElement(View, {testID: name, ...props})
+//   ),
+// }));
+
+// Mock expo-image-manipulator
+jest.mock("expo-image-manipulator", () => ({
+  ImageManipulator: {
+    manipulateAsync: jest.fn(),
+  },
+  SaveFormat: {
+    PNG: "png",
+    JPEG: "jpeg",
+  },
+}));
+
+// Mock expo-image-picker
+jest.mock("expo-image-picker", () => ({
+  launchImageLibraryAsync: jest.fn(),
+  requestMediaLibraryPermissionsAsync: jest.fn(),
+  MediaTypeOptions: {
+    Images: "images",
+  },
+}));
+
 // Make sure we can test date/time functionality
 global.Date.now = jest.fn(() => new Date("2023-05-15T10:30:00.000Z").getTime());
 

package/src/test-utils.tsx

@@ -1,5 +1,6 @@
 import {render} from "@testing-library/react-native";
 import React from "react";
+
 import {ThemeProvider} from "./Theme";
 
 export const renderWithTheme = (ui: React.ReactElement) => {