ferns-ui 1.9.1 → 1.11.0

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

@@ -0,0 +1,464 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AddressField renders correctly with default props 1`] = `
+[
+  <View
+    style={
+      {
+        "marginBottom": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "width": "100%",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#1C1C1C",
+            "fontSize": 14,
+            "fontWeight": 600,
+            "lineHeight": 22.4,
+          }
+        }
+      >
+        Street Address
+      </Text>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFFFFF",
+            "borderColor": "#9A9A9A",
+            "borderRadius": 4,
+            "borderWidth": 1,
+            "flexDirection": "row",
+            "overflow": "hidden",
+            "paddingHorizontal": 12,
+            "paddingVertical": 8,
+          }
+        }
+      >
+        <TextInput
+          accessibilityHint="Enter text here"
+          accessibilityState={
+            {
+              "disabled": undefined,
+            }
+          }
+          aria-label="Text input field"
+          autoCapitalize="sentences"
+          autoCorrect={true}
+          blurOnSubmit={true}
+          keyboardType="default"
+          numberOfLines={1}
+          onBlur={[Function]}
+          onChangeText={[Function]}
+          onContentSizeChange={[Function]}
+          onFocus={[Function]}
+          onSubmitEditing={[Function]}
+          placeholder="Enter an address"
+          placeholderTextColor="#686868"
+          secureTextEntry={false}
+          style={
+            {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 20,
+              "paddingVertical": 0,
+              "width": "100%",
+            }
+          }
+          testID="test-address-address1"
+          textContentType="none"
+          underlineColorAndroid="transparent"
+          value="123 Main St"
+        />
+      </View>
+    </View>
+  </View>,
+  <View
+    style={
+      {
+        "marginBottom": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "width": "100%",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#1C1C1C",
+            "fontSize": 14,
+            "fontWeight": 600,
+            "lineHeight": 22.4,
+          }
+        }
+      >
+        Apt, suite, etc
+      </Text>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFFFFF",
+            "borderColor": "#9A9A9A",
+            "borderRadius": 4,
+            "borderWidth": 1,
+            "flexDirection": "row",
+            "overflow": "hidden",
+            "paddingHorizontal": 12,
+            "paddingVertical": 8,
+          }
+        }
+      >
+        <TextInput
+          accessibilityHint="Enter text here"
+          accessibilityState={
+            {
+              "disabled": undefined,
+            }
+          }
+          aria-label="Text input field"
+          autoCapitalize="sentences"
+          autoCorrect={true}
+          blurOnSubmit={true}
+          keyboardType="default"
+          numberOfLines={1}
+          onBlur={[Function]}
+          onChangeText={[Function]}
+          onContentSizeChange={[Function]}
+          onFocus={[Function]}
+          onSubmitEditing={[Function]}
+          placeholderTextColor="#686868"
+          secureTextEntry={false}
+          style={
+            {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 20,
+              "paddingVertical": 0,
+              "width": "100%",
+            }
+          }
+          testID="test-address-address2"
+          textContentType="none"
+          underlineColorAndroid="transparent"
+          value="Apt 4B"
+        />
+      </View>
+    </View>
+  </View>,
+  <View
+    style={
+      {
+        "marginBottom": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "width": "100%",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#1C1C1C",
+            "fontSize": 14,
+            "fontWeight": 600,
+            "lineHeight": 22.4,
+          }
+        }
+      >
+        City
+      </Text>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFFFFF",
+            "borderColor": "#9A9A9A",
+            "borderRadius": 4,
+            "borderWidth": 1,
+            "flexDirection": "row",
+            "overflow": "hidden",
+            "paddingHorizontal": 12,
+            "paddingVertical": 8,
+          }
+        }
+      >
+        <TextInput
+          accessibilityHint="Enter text here"
+          accessibilityState={
+            {
+              "disabled": undefined,
+            }
+          }
+          aria-label="Text input field"
+          autoCapitalize="sentences"
+          autoCorrect={true}
+          blurOnSubmit={true}
+          keyboardType="default"
+          numberOfLines={1}
+          onBlur={[Function]}
+          onChangeText={[Function]}
+          onContentSizeChange={[Function]}
+          onFocus={[Function]}
+          onSubmitEditing={[Function]}
+          placeholderTextColor="#686868"
+          secureTextEntry={false}
+          style={
+            {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 20,
+              "paddingVertical": 0,
+              "width": "100%",
+            }
+          }
+          testID="test-address-city"
+          textContentType="none"
+          underlineColorAndroid="transparent"
+          value="Springfield"
+        />
+      </View>
+    </View>
+  </View>,
+  <View
+    style={
+      {
+        "marginBottom": 16,
+      }
+    }
+  >
+    <View>
+      <Text
+        style={
+          {
+            "color": "#1C1C1C",
+            "fontSize": 14,
+            "fontWeight": 600,
+            "lineHeight": 22.4,
+          }
+        }
+      >
+        State
+      </Text>
+      <View
+        style={
+          [
+            {
+              "alignItems": "center",
+              "alignSelf": "stretch",
+              "borderRadius": 4,
+              "borderWidth": 1,
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "minHeight": 40,
+              "width": "100%",
+            },
+            {
+              "backgroundColor": "#FFFFFF",
+              "borderColor": "#9A9A9A",
+            },
+            false,
+          ]
+        }
+      >
+        <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          activeOpacity={1}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "minHeight": 40,
+              "width": "95%",
+            }
+          }
+          testID="ios_touchable_wrapper"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+                "justifyContent": "space-between",
+                "pointerEvents": "box-only",
+                "width": "100%",
+              }
+            }
+          >
+            <TextInput
+              readOnly={true}
+              style={
+                {
+                  "color": "#1C1C1C",
+                }
+              }
+              testID="text_input"
+              value="Please select an option."
+            />
+            <View
+              style={
+                {
+                  "pointerEvents": "none",
+                }
+              }
+              testID="icon_container"
+            >
+              <View
+                brand={false}
+                color="#1C1C1C"
+                duotone={false}
+                light={false}
+                name="angle-down"
+                regular={false}
+                sharp={false}
+                size={12}
+                solid={true}
+                thin={false}
+              />
+            </View>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>,
+  <View
+    style={
+      {
+        "marginBottom": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "width": "100%",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#1C1C1C",
+            "fontSize": 14,
+            "fontWeight": 600,
+            "lineHeight": 22.4,
+          }
+        }
+      >
+        Zipcode
+      </Text>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFFFFF",
+            "borderColor": "#9A9A9A",
+            "borderRadius": 4,
+            "borderWidth": 1,
+            "flexDirection": "row",
+            "overflow": "hidden",
+            "paddingHorizontal": 12,
+            "paddingVertical": 8,
+          }
+        }
+      >
+        <TextInput
+          accessibilityHint="Enter text here"
+          accessibilityState={
+            {
+              "disabled": undefined,
+            }
+          }
+          aria-label="Text input field"
+          autoCapitalize="sentences"
+          autoCorrect={true}
+          blurOnSubmit={true}
+          keyboardType="default"
+          numberOfLines={1}
+          onBlur={[Function]}
+          onChangeText={[Function]}
+          onContentSizeChange={[Function]}
+          onFocus={[Function]}
+          onSubmitEditing={[Function]}
+          placeholderTextColor="#686868"
+          secureTextEntry={false}
+          style={
+            {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 20,
+              "paddingVertical": 0,
+              "width": "100%",
+            }
+          }
+          testID="test-address-zip"
+          textContentType="none"
+          underlineColorAndroid="transparent"
+          value="62701"
+        />
+      </View>
+    </View>
+  </View>,
+]
+`;

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

@@ -0,0 +1,78 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Avatar renders correctly with default props 1`] = `
+<View
+  accessibilityHint="Avatar image"
+  aria-label="John Doe's avatar"
+  aria-role="image"
+  style={
+    {
+      "height": 56,
+      "position": "relative",
+      "width": 56,
+    }
+  }
+>
+  <View
+    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]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "borderRadius": 1,
+        "cursor": "auto",
+        "overflow": "hidden",
+        "position": "relative",
+      }
+    }
+  >
+    <Image
+      accessibilityIgnoresInvertColors={true}
+      onError={[Function]}
+      source={
+        {
+          "cache": "force-cache",
+          "uri": "https://example.com/avatar.jpg",
+        }
+      }
+      style={
+        {
+          "borderColor": "transparent",
+          "borderRadius": 28,
+          "borderWidth": 0,
+          "height": 56,
+          "overflow": "hidden",
+        }
+      }
+      testID="avatar-image"
+    />
+  </View>
+</View>
+`;

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

@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Badge renders correctly with default props 1`] = `
+<View
+  style={
+    {
+      "alignItems": "flex-start",
+    }
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignItems": "center",
+          "backgroundColor": "#2B6072",
+          "borderRadius": 4,
+          "flexDirection": "row",
+          "height": "auto",
+          "justifyContent": "center",
+          "paddingHorizontal": 8,
+          "paddingVertical": 4,
+          "width": "auto",
+        },
+        false,
+        false,
+      ]
+    }
+  >
+    <Text
+      style={
+        {
+          "color": "#FFFFFF",
+          "fontFamily": "text",
+          "fontSize": 10,
+          "fontWeight": "700",
+        }
+      }
+    >
+      Test
+    </Text>
+  </View>
+</View>
+`;